<template>
	<view class="content ">
		<!-- <hxNavbar :config="config"></hxNavbar> -->
		<f-navbar title="源初宝" fontColor="#fff" navbarType='2' @leftClick='leftClick' fontSize="34" bgColor="#ED106C"
			:image="navbarbj">
			<view class="u-flex" slot="left">
				<view class="actName u-line-1">{{cityobj.region}}</view>
				<u-icon name="map" size="19" color="#fff"></u-icon>
				<image class="city_icon" :src="imgurl+'city_icon.png'" mode=""></image>
			</view>
			<!-- <image slot="image" :src="imgurl+'navbarbj.png'" mode=""></image> -->
		</f-navbar>
		<view class="content_box clearfix">
			<view class="content_search ">
				<view class="content_box-top">
					<view class="content_box-top_input">
						<image class="search-icon" src="../../static/imgs/search_icon.png" mode=""></image>
						<input class="search_in" @focus="onfocus" type="text" placeholder="输入商品关键字"
							placeholder-style="color: #BBBBBB; font-size:28rpx">
					</view>
					<view class="content_box-top_Btn">搜索</view>
				</view>
			</view>
			<view class="serarch"></view>
			<view class="content_tabs">
				<van-tabs :active="active" tab-active-class="class_active" type="none" :nav-class="nav_class"
					title-active-color="#EE0E6B" sticky swipeable="false" title-inactive-color="#000000"
					swipe-threshold="5.3" @change="onchange">
					<van-tab :title="item.title" :name="item.system_cate_id"
						title-style="font-size:30rpx; text-align:center;height:98rpx;line-height:98rpx"
						v-for="(item,index) in SystemCateList" :key="index">

						<scroll-view @scrolltolower="lowerBottom" @refresherrefresh="getFresh" scroll-y="true"
							class="scrollHeight" :style="{marginTop:0+'rpx'}" refresher-enabled="true"
							:scroll-top="scrollTop" :refresher-threshold="100" :refresher-triggered="triggered"
							:scroll-with-animation="true">
							<view class="tab_content">
								<!-- 轮播图 -->
								<view class="tab_swiper">
									<swiper class="swiper" indicator-active-color="#fff" circular :indicator-dots="true"
										:autoplay="true" :interval="2000" :duration="500">
										<swiper-item v-for="(banneritem,index) in bannerList" :key="index">
											<image class="swiperimg" :src="banneritem.banner_img" mode="">
											</image>
										</swiper-item>
										<!-- 	<swiper-item>
										<image class="swiperimg"
											src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/banner.png" mode="">
										</image>
									</swiper-item>
									<swiper-item>
										<image class="swiperimg"
											src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/banner.png" mode="">
										</image>
									</swiper-item> -->
									</swiper>
								</view>
								<!-- 商品页 -->
								<view class="shop_content" v-if="dataList.length>0">
									<view class="shop_box" @click="ongoodsDetail(dataitem)"
										v-for="(dataitem,dataindex) in dataList" :key="dataindex">
										<view class="shop_topimg">
											<image class="shop_topimg" :src="dataitem.good_img" mode=""></image>
										</view>
										<view class="shop_title">
											<view class="shop_titleL">{{dataitem.title}}</view>
											<view class="shop_titleR">
												<van-icon name="arrow" color="#b0b0b0" size="14"></van-icon>
											</view>
										</view>
										<view class="shop_biaoqian" v-if="dataitem.tags!==''">
											<view class="shop_biaoqian1" v-for="(tagsitem,tagsindex) in dataitem.tags"
												:key="tagsindex">{{tagsitem}}</view>
											<!-- 	<view class="shop_biaoqian1">包退</view>
											<view class="shop_biaoqian1">包退</view>
											<view class="shop_biaoqian1">七天</view>
											<view class="shop_biaoqian1">七天包退</view> -->
										</view>
										<view class="shop_dazhe" v-if="dataitem.is_activity==1">
											<view class="shop_dazheL" v-if="dataitem.origin_price!==''"> 原价:<text
													class="dazhe_icon">￥</text>{{dataitem.origin_price}} </view>
											<view class="shop_dazheR" v-if="dataitem.low_price!==''">最低价:<text
													class="dazhe_icon">￥</text>{{dataitem.low_price}}</view>
										</view>
										<view class="shop_price" v-if="dataitem.is_activity==1">现拼单价：<text class="price_icon">￥</text><text
												class="price">{{dataitem.now_price}}</text></view>
										<view class="shop_price" v-if="dataitem.is_activity==0">现价：<text class="price_icon">￥</text><text
														class="price">{{dataitem.now_price}}</text></view>

										<!-- 		<view class="shops_title">果蔬园鲜果铺</view>
										<view class="shops_infobox">
											<text class="shops_info">优质商家</text>
											<text class="shops_info">认证会员</text>
											<text class="shops_info">水果新鲜</text>
										</view>
										<view class="shops_pingjia">
											<van-rate :value="value" gutter="1" size="13" color="#ff0000" count="6"
												bind:change="onChange" />
											80万+评价
										</view>
										<view class="shops_XLbox">
											<view class="shops_XLboxL">本月销量</view>
											<view class="shops_XLboxR">10032件</view>
										</view> -->
										<!-- <view class="shops_collect">
									
											<image class="collect_img"
												src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/collecticon.png"
												mode=""></image>
					
											<view class="shops_collectR">2460人收藏</view>
										</view>
										<view class="shops_infobottom">店铺拼单满5000件最高优惠20%</view> -->
										<view class="float_left_icon" v-if="dataitem.attr_type==2 && dataitem.is_activity==1">
											{{dataitem.attr_type_txt}}
										</view>
										<view class="float_right_icon" v-if="dataitem.attr_type==1 && dataitem.is_activity==1">
											{{dataitem.attr_type_txt}}
										</view>
										<!-- 	<view class="float_huodong_icon">
											活动
										</view> -->


									</view>
									<!-- <uni-load-more class="uni_load" status="no-more"></uni-load-more> -->
									<!-- 								<view class="shop_box" @click="onStoreproducts">
										<view class="shop_topimg"></view>
										<view class="shop_title">
											<view class="shop_titleL">徐福记松软鸡蛋味不就是独霸世界的阿爸江户时代</view>
											<view class="shop_titleR">
												<van-icon name="arrow" color="#b0b0b0" size="14"></van-icon>
											</view>
										</view>
										<view class="shop_biaoqian">
											<view class="shop_biaoqian1">七天包退</view>
											<view class="shop_biaoqian1">包退</view>
											<view class="shop_biaoqian1">包退</view>
											<view class="shop_biaoqian1">七天</view>
											<view class="shop_biaoqian1">七天包退</view>
										</view>
										<view class="shop_dazhe">
											<view class="shop_dazheL"> 原价:<text class="dazhe_icon">￥</text>195.0 </view>
											<view class="shop_dazheR">最低价:<text class="dazhe_icon">￥</text>50.0</view>
										</view>
										<view class="shop_price">现拼单价：<text class="price_icon">￥</text><text
												class="price">58.6</text></view>
										<view class="shops_title" v-if="false">果蔬园鲜果铺</view>
										<view class="shops_infobox" v-if="false">
											<text class="shops_info">优质商家</text>
											<text class="shops_info">认证会员</text>
											<text class="shops_info">水果新鲜</text>
										</view>
										<view class="shops_pingjia" v-if="false">
											<van-rate :value="value" gutter="1" size="13" color="#ff0000" count="6"
												bind:change="onChange" />
											80万+评价
										</view>
										<view class="shops_XLbox">
											<view class="shops_XLboxL">本月销量</view>
											<view class="shops_XLboxR">10032件</view>
										</view>
										<view class="shops_collect">
											<image class="collect_img"
												src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/collecticon.png"
												mode=""></image>
											<view class="shops_collectR">2460人收藏</view>
										</view>
										<view class="shops_infobottom">店铺拼单满5000件最高优惠20%</view>
									</view>

									<view class="shop_box" @click="onstoreDetail">
										<view class="shop_topimg"></view>
										<view class="shop_title">
											<view class="shop_titleL">徐福记松软鸡蛋味不就是独霸世界的阿爸江户时代</view>
											<view class="shop_titleR">
												<van-icon name="arrow" color="#b0b0b0" size="14"></van-icon>
											</view>
										</view>
										<view class="shop_biaoqian">
											<view class="shop_biaoqian1">七天包退</view>
											<view class="shop_biaoqian1">包退</view>
											<view class="shop_biaoqian1">包退</view>
											<view class="shop_biaoqian1">七天</view>
											<view class="shop_biaoqian1">七天包退</view>
										</view>
										<view class="shop_dazhe">
											<view class="shop_dazheL"> 原价:<text class="dazhe_icon">￥</text>195.0 </view>
											<view class="shop_dazheR">最低价:<text class="dazhe_icon">￥</text>50.0</view>
										</view>
										<view class="shop_price">现拼单价：<text class="price_icon">￥</text><text
												class="price">58.6</text></view>
										<view class="shops_title" v-if="false">果蔬园鲜果铺</view>
										<view class="shops_infobox" v-if="false">
											<text class="shops_info">优质商家</text>
											<text class="shops_info">认证会员</text>
											<text class="shops_info">水果新鲜</text>
										</view>
										<view class="shops_pingjia" v-if="false">
											<van-rate :value="value" gutter="1" size="13" color="#ff0000" count="6"
												bind:change="onChange" />
											80万+评价
										</view>
										<view class="shops_XLbox">
											<view class="shops_XLboxL">本月销量</view>
											<view class="shops_XLboxR">10032件</view>
										</view>
										<view class="shops_collect">

											<image class="collect_img"
												src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/collecticon.png"
												mode=""></image>

											<view class="shops_collectR">2460人收藏</view>
										</view>
										<view class="shops_infobottom">店铺拼单满5000件最高优惠20%</view>
									</view>

									<view class="shop_box">
										<view class="shop_topimg"></view>
										<view class="shop_title">
											<view class="shop_titleL">徐福记松软鸡蛋味不就是独霸世界的阿爸江户时代</view>
											<view class="shop_titleR">
												<van-icon name="arrow" color="#b0b0b0" size="14"></van-icon>
											</view>
										</view>
										<view class="shop_biaoqian">
											<view class="shop_biaoqian1">七天包退</view>
											<view class="shop_biaoqian1">包退</view>
											<view class="shop_biaoqian1">包退</view>
											<view class="shop_biaoqian1">七天</view>
											<view class="shop_biaoqian1">七天包退</view>
										</view>
										<view class="shop_dazhe">
											<view class="shop_dazheL"> 原价:<text class="dazhe_icon">￥</text>195.0 </view>
											<view class="shop_dazheR">最低价:<text class="dazhe_icon">￥</text>50.0</view>
										</view>
										<view class="shop_price">现拼单价：<text class="price_icon">￥</text><text
												class="price">58.6</text></view>
										<view class="shops_title" v-if="false">果蔬园鲜果铺</view>
										<view class="shops_infobox" v-if="false">
											<text class="shops_info">优质商家</text>
											<text class="shops_info">认证会员</text>
											<text class="shops_info">水果新鲜</text>
										</view>
										<view class="shops_pingjia" v-if="false">
											<van-rate :value="value" gutter="1" size="13" color="#ff0000" count="6"
												bind:change="onChange" />
											80万+评价
										</view>
										<view class="shops_XLbox">
											<view class="shops_XLboxL">本月销量</view>
											<view class="shops_XLboxR">10032件</view>
										</view>
										<view class="shops_collect">

											<image class="collect_img"
												src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/collecticon.png"
												mode=""></image>

											<view class="shops_collectR">2460人收藏</view>
										</view>
										<view class="shops_infobottom">店铺拼单满5000件最高优惠20%</view>
									</view>
 -->
								</view>
								
								<!-- 暂无数据 -->
								<view class="zwbox" v-else>
									<view class="zwimgbox">
										<image class="zwimg" src="https://yuanchubao.oss-cn-beijing.aliyuncs.com/zwicon1.png" mode=""></image>
									</view>
									<view class="zwtxt">
										暂无数据
									</view>
									
								</view>
								
								
								
								
							</view>
						</scroll-view>
					</van-tab>
				</van-tabs>
			</view>
		</view>
	</view>
</template>

<script>
	import fNavbar from '@/uni_modules/f-navbar/components/f-navbar/f-navbar.vue';
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";

	import {
		getSystemCate,
		getSystemBanner,
		getcityname,
		getHomeData
	} from '../../utils/app.js'

	export default {
		//mixins: [MescrollMixin], // 使用mixin
		components: {
			fNavbar,
		},
		data() {
			return {
				active: 0,
				imgurl: getApp().globalData.imgurl,
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500,
				value: '6',
				cityobj: {}, // 城市数据
				navbarbj: getApp().globalData.imgurl+'navbarbj.png',
				SystemCateList: [], // 首页标签栏数据
				bannerList: [], // 轮播数据
				pages: 1, // 分页数据
				PageSize: 4, // 一页有多少数据
				total: null, // 总条数	
				dataList: [], // 列表数据
				triggered: false, // 设置是否下拉
				scrollTop: 0,
			}
		},
		onLoad() {

			this.getlocation()
			this.getSystemBanner()
			// this.getSystemCate()

			// this.getSystemBanner()
		},
		methods: {
			// 顶部选择地址按钮
			leftClick() {
				// console.log(111);
				uni.navigateTo({
					url: '/pages/subPack/changeCity/changeCity'
				})
			},

			//触底加载
			lowerBottom() {
				// 判断是否还有下一页数据
				// if (this.pages * this.PageSize >= this.total) return person.showMoreData = true
				// 让页码值自增 +1
				// console.log('999');
				// this.pages += 1
				// 重新获取列表数据
				this.getHomeData(false, this.cityobj.region_code)
			},
			// 下拉刷新
			getFresh() {
				this.triggered = true,
					this.getHomeData(true, this.cityobj.region_code)

			},


			// 获取位置

			getlocation() {
				uni.showToast({
					title: '加载中',
					icon: 'loading',
					mask: true,
					duration: 5000
				})
				let that = this
				uni.getLocation({
					altitude: true,
					geocode: true,
					isHighAccuracy: true, // 开启地图精准定位
					type: "gcj02", // 地图类型写这个
					success(res) {
						getcityname({
							lat: res.latitude,
							lng: res.longitude
						}).then(res => {
							// console.log('111');
							// console.log(res.data);
							that.cityobj = res.data
							// that.cityobj = {
							// 	region_code: "110108", //区域编码
							// 	region: "海淀区" //区域名称
							// }
							uni.setStorageSync('cityinfo', that.cityobj)
							// console.log(that.cityobj);

							// that.config.leftButton[0].txt = res.data.region
							if (res.code == 1) {
								that.getSystemCate()
							} else {
								uni.showToast({
									title: '获取失败',
									icon: 'none'
								})
							}

						})
					},

				});
			},
			// 获取顶部分类
			getSystemCate() {

				getSystemCate({
					type: '1'
				}).then(res => {
					// console.log(res);
					this.SystemCateList = res.data
					// this.getSystemBanner(this.active)
					this.getHomeData(true, this.cityobj.region_code)

				})
			},
			// 获取首页轮播图
			getSystemBanner(id) {
				getSystemBanner({
					cate_id: 1
				}).then(res => {
					console.log(res);
					this.bannerList = res.data
					// console.log(this.bannerList);
				})
			},
			// 获取首页数据
			getHomeData(isPullDownRefresh, region_code) {
				// uni.showToast({
				// 	title:'加载中',
				// 	icon:'loading',
				// 	mask:true,
				// 	duration: 5000
				// })
				// console.log('000');
				// console.log(this.cityobj);
				let currPage = 1
				if (!isPullDownRefresh) {
					currPage = this.pages + 1
				} else {
					currPage = 1
				}
				getHomeData({
					region_code: region_code,
					system_cate: this.active,
					page: currPage
				}).then(res => {
					console.log(res);
					if (res.code == 1) {

						uni.hideToast()
						const newdata = res.data.list
						if (isPullDownRefresh) {
							this.dataList = newdata
							this.triggered = false
						} else {
							this.dataList = [...this.dataList, ...newdata]
						}
						// if (data.last_page <= data.curr_page) {
						// 	pageIndex.value = parseInt(data.last_page);
						// 	return
						// }
						// console.log(res.data);
						// console.log(this.dataList);
						this.pages = res.data.page.current
						console.log(this.pages);
						// this.total = res.data.page.total
					}
					// this.$forceUpdate()
				})
			},

			// 选择标签事件
			onchange(e) {
				// console.log('000');
				console.log(e.detail.name);
				this.pages = 1
				this.active = e.detail.name
				this.getSystemBanner(e)
				this.getHomeData(true, this.cityobj.region_code)
			},



			// 跳转到店铺商品页面
			onStoreproducts() {
				uni.navigateTo({
					url: '/pages/subPack/Storeproducts/Storeproducts'
				})
			},

			// 跳转到店铺详情
			onstoreDetail() {
				uni.navigateTo({
					url: '/pages/storeDetail/storeDetail'
				})
			},
			// 点击跳转到详情页
			ongoodsDetail(e) {
				console.log(e);
				if (e.attr_type == 1 && e.is_activity==1) {
					uni.navigateTo({
						url: '/pages/subPack/Storeproducts/Storeproducts?storeid=' + e.store_id
					})
				} else {
					uni.navigateTo({
						url: '/pages/goodsDetail/goodsDetail?codeid=' + e.code
					})
				}

			},
			// 获取焦点跳转到搜索页
			onfocus(e) {
				uni.navigateTo({
					url: '/pages/search/search'
				})
			},
		},
		
		onShareAppMessage: function() { // 分享到微信
		  // 更多参数配置，参考文档
		  return {
		    title: '源初宝',
		    path: '/pages/index/index'
		  }
		},
		
		onShareTimeline() { // 分享到朋友圈
		  return {
		    title: '源初宝',
		    path: '/pages/index/index'
		  }
		},
	
	}
</script>

<style>
	page {
		background: #F8ECE0;
	}

	.content {
		width: 100%;
		height: 300rpx;
		/* background: url(https://yuanchubao.oss-cn-beijing.aliyuncs.com/navbarbj.png) no-repeat; */
		/* background: #CD3089; */
		/* overflow: hidden; */
	}
	  /deep/ ::-webkit-scrollbar{
	    display: none;
	    width: 0;
	    height: 0;
	    color:transparent;
	  }

	.u-flex {
		display: flex;
		align-items: center;
		font-size: 24rpx;
		color: #fff;
	}

	.city_icon {
		width: 25rpx;
		height: 28rpx;
		/* background: #000; */
		margin-left: 10rpx;
	}

	.content_search {
		width: 750rpx;
		height: 104rpx;
		background: #F8ECE0;
		border-radius: 44rpx 44rpx 0rpx 0rpx;
		z-index: 99;
		position: fixed;
		display: flex;
		align-items: center;
		justify-content: center;
		/* top: 0; */
	}

	.content_box-top {
		width: 510rpx;
		height: 64rpx;
		background: #fff;
		border-radius: 32rpx;
		display: flex;
		align-items: center;
		overflow: hidden;
	}

	.content_box-top_input {
		width: 388rpx;
		height: 64rpx;
		display: flex;
		align-items: center;
		position: relative;
	}

	.search_in {
		width: 100%;
		height: 100%;
		padding-left: 85rpx;

	}

	.search-icon {
		width: 36rpx;
		height: 36rpx;
		position: absolute;
		left: 20rpx;
		top: 50%;
		transform: translateY(-50%);
	}

	.content_box-top_Btn {
		width: 122rpx;
		height: 64rpx;
		background: #EE0E6B;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 64rpx;
		text-align: center;
	}

	.serarch {
		width: 100%;
		height: 104rpx;
	}

	.content_tabs {
		width: 100%;
		height: 98rpx;
		background: #fff;
		/* overflow: auto; */


	}

	.class_active {
		font-size: 36rpx !important;
		font-family: Hiragino Sans GB;
		font-weight: bold !important;
		color: #EE0E6B;
	}

	/deep/.van-tab--active {
		font-size: 36rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #EE0E6B;
	}

	/* 	::-webkit-scrollbar {

		width: 0px;

		height: 0px;

		background-color: transparent;

	} */
	.scrollHeight {
		height: 74vh;
	}

	.uni_load {
		margin: 0 auto;
	}

	.tab_content {
		height: 78vh;
	}

	.tab_swiper {
		width: 100%;
		height: 360rpx;
		/* background: pink; */
		margin-top: 18rpx;
	}

	.swiper {
		width: 100%;
		height: 100%;
	}

	/* 未激活状态 */
	.swiper .wx-swiper-dot {
		/*inline-flex表示 将对象作为内联弹性伸缩盒显示 等同于给父级元素添加display：flex*/
		/* display: inline-flex; justify-content: space-between; */
		margin-left: 2rpx;
		content: " ";
		width: 13rpx;
		height: 4rpx;
		background: rgba(242, 246, 248, 0.1);
		border-radius: 4rpx;
		border: 1rpx solid rgba(242, 246, 248, 0.1);

	}

	.swiperimg {
		width: 100%;
		height: 100%;
	}

	.shop_content {
		width: 690rpx;
		/* height: 1000rpx; */
		/* background: #000; */
		margin: 0 auto;
		padding: 20rpx;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		/* column-count: 2; */
		/* column-gap: 20rpx; */
	}

	.shop_box {
		width: 335rpx;
		/* height: 1000rpx; */
		background: #fff;
		/* 		overflow: hidden;
		break-inside: avoid; */
		/* margin-top: 20rpx; */
		display: flex;
		flex-direction: column;
		/* justify-content: center; */
		border-radius: 10rpx;
		margin-bottom: 20rpx;
		margin-right: 20rpx;
		position: relative;
		padding-bottom: 20rpx;
	}

	.shop_box:nth-child(2n) {
		margin-right: 0rpx;

	}

	.shop_topimg {
		width: 335rpx;
		height: 300rpx;
		border-top-left-radius: 10rpx;
		border-top-right-radius: 10rpx;
		/* background: #000; */
	}

	.shop_title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20rpx;
		margin-left: 20rpx;
	}

	.shop_titleL {
		width: 250rpx;
		height: 30rpx;
		font-size: 28rpx;
		font-family: Hiragino Sans GB;
		font-weight: bold;
		color: #333333;
		line-height: 27rpx;

		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.shop_titleR {
		margin-right: 19rpx;
	}

	.shop_biaoqian {
		width: 100%;
		height: 30rpx;
		margin-left: 20rpx;
		margin-top: 16rpx;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		overflow: hidden;
	}

	.shop_biaoqian1 {
		height: 26rpx;
		padding: 3rpx 6rpx;
		background: #EE0E6B;
		border-radius: 5rpx;
		font-size: 22rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 22rpx;
		margin-right: 5rpx;
	}

	.shop_dazhe {
		height: 26rpx;
		display: flex;
		align-items: center;
		margin-left: 20rpx;
		margin-top: 18rpx;
	}

	.shop_dazheL {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #555555;
		line-height: 24rpx;
	}

	.shop_dazheR {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF5A00;
		line-height: 24rpx;
		margin-left: 26rpx;
	}

	.dazhe_icon {
		font-size: 14rpx
	}

	.shop_price {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FF0000;
		line-height: 24rpx;
		margin-top: 22rpx;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-right: 21rpx;
	}

	.price_icon {
		font-size: 20rpx;
		font-weight: 700;
	}

	.price {
		font-size: 28rpx;
		font-weight: 700;
	}

	.shops_title {
		font-size: 30rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		line-height: 32rpx;
		margin-top: 11rpx;
		margin-left: 20rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.shops_infobox {
		height: 26rpx;
		margin-top: 19rpx;
		margin-left: 19rpx;
		/* 	display: flex;
	align-items: center; */
	}

	.shops_info {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #07BE1A;
		margin-right: 6rpx;
	}

	.shops_pingjia {
		height: 26rpx;
		margin-top: 16rpx;
		margin-left: 18rpx;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FE0000;
		line-height: 40rpx;
	}

	.shops_XLbox {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20rpx;
		margin-left: 20rpx;
	}

	.shops_XLboxL {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #777777;
		/* line-height: 70rpx; */
	}

	.shops_XLboxR {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #777777;
		/* line-height: 70rpx; */
		margin-right: 20rpx;
	}

	.shops_collect {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20rpx;
		margin-left: 20rpx;
	}

	.shops_collectL {
		width: 31rpx;
		height: 30rpx;
	}

	.shops_collectR {
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #999999;
		line-height: 24rpx;
		margin-right: 20rpx;
	}

	.collect_img {
		width: 31rpx;
		height: 30rpx;
	}

	.shops_infobottom {
		width: 294rpx;
		/* height: 61rpx; */
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #00A0E9;
		line-height: 40rpx;
		margin-top: 22rpx;
		margin-left: 20rpx;
	}

	/* 固定上边的小图标 */
	.float_left_icon {
		width: 121rpx;
		height: 56rpx;
		background: url(https://yuanchubao.oss-cn-beijing.aliyuncs.com/danpinPT.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 56rpx;
		text-align: center;
	}

	.float_right_icon {
		width: 121rpx;
		height: 56rpx;
		background: url(https://yuanchubao.oss-cn-beijing.aliyuncs.com/dianpuPT.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #FFFFFF;
		line-height: 56rpx;
		text-align: center;
	}

	.float_huodong_icon {
		width: 61rpx;
		height: 81rpx;
		background: url(https://yuanchubao.oss-cn-beijing.aliyuncs.com/dianpuPT.png);
		position: absolute;
		top: 0;
		right: 15rpx;
	}
	
	
	/* 暂无数据 */
	.zwbox{
		/* margin: 0 auto; */
		width: 100%;
		margin: 200rpx auto;
	}
	.zwimgbox{
		width: 141rpx;
		height: 106rpx;
		margin: 0 auto;
	}
	.zwimg{
		width: 100%;
		height: 100%;
	}
	.zwtxt{
		font-size: 24rpx;
		font-family: Hiragino Sans GB;
		font-weight: normal;
		color: #333333;
		margin-top: 30rpx;
		text-align: center;
	}
</style>